<header>
  <div class="container">
    <a class="marketplace" href="#"><img title="CodeCanyon" src="image/logo-dark.png" alt="CodeCanyon" /></a>
    <div id="marketplace-switcher">
      <!-- -->
      <ul class="switcher" id="marketplace-panel">
        <li class="activeden"> <a href="#"> <span>ActiveDen</span> <span class="description">Flash and Unity 3D</span> </a> </li>
        <li class="audiojungle"> <a href="#"> <span>AudioJungle</span> <span class="description">Stock Music and Audio</span> </a> </li>
        <li class="themeforest"> <a href="#"> <span>ThemeForest</span> <span class="description">Website Templates</span> </a> </li>

      </ul>
    </div>
    <div class="account-wrapper">
      <ul id="user-account-nav">
        <% 
           
      
              String username="";
             if(request.getSession(false).getAttribute("logged_username")!=null){
                username=(String)request.getSession(false).getAttribute("logged_username");
             
        %>
        <li><span><%=username %>,welcome</span></li>
        <%     }
            else{
        
        %>
        <li><a href="<c:url value="/signup.do"/>"><span>Create Account</span></a></li>
        <%} %>
        <li><a href="<c:url value="/signin.do"/>"><span>Sign In</span></a></li>
      </ul>
    </div>
    <ul class="info-nav">
      <li><a href="#">Make Money</a>
        <div class="dropdown">
          <ul>
            <li><a href="#">Become an Author</a></li>
            <li><a href="#">Payment Rates</a></li>
          </ul>
        </div>
      </li>
      <li><a href="#">Forums</a>
        <div class="dropdown">
          <ul>
            <li> <a href="#">Notices</a></li>
            <li> <a href="#">CodeCanyon</a></li>
            <li> <a href="#">All Marketplaces</a></li>
            <li> <a href="#">Item Discussion</a></li>
            <li> <a href="#">Item Requests</a></li>
            <li> <a href="#">Site Feedback</a></li>
            <li> <a href="#">Off Topic</a></li>
          </ul>
          <ul class="meta-links">
            <li><a href="#">Forum Rules</a></li>
          </ul>
        </div>
      </li>
     
      <li><a href="#">Help</a>
        <div class="dropdown">
          <ul>
            <li><a href="#">Getting Started</a></li>
            <li><a href="#">Support Center</a></li>
            <li><a href="#">Legal Agreements</a></li>
            <li><a href="#/">API</a></li>
            <li><a href="#">Sitemap</a></li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
  <!-- end .container -->
</header>
<nav class="clearfix" role="navigation">
  <ul class="main-nav">
    <li> <a href="http://codecanyon.net/category/all">All Files</a> </li>
    <li> <a href="http://codecanyon.net/category/php-scripts">PHP Scripts</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">Plugins</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Magento Extensions</a></li>
         <li><a href="#">Magento Extensions</a></li>
         <li><a href="#">Magento Extensions</a></li>
         <li><a href="#">Magento Extensions</a></li>
         <li><a href="#">Magento Extensions</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">JavaScript</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">CSS</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">Mobile</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">HTML5</a>
      <div class="dropdown">
        <ul>
         <li><a href="#">Calendars</a></li>
         <li><a href="#">Calendars</a></li>
         <li><a href="#">Calendars</a></li>
         <li><a href="#">Calendars</a></li><li><a href="#">Calendars</a></li>
         <li><a href="#">Calendars</a></li>
         
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">.NET</a>
      <div class="dropdown">
        <ul>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li><li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Popular Items</a></li>
        </ul>
      </div>
    </li>
    <li> <a href="#">More</a>
      <div class="dropdown">
        <ul>
        </ul>
        <ul class="meta-links">
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
          <li><a href="#">Calendars</a></li>
        </ul>
      </div>
    </li>
    
  </ul>
</nav>